// pages/home-music/home-music.js
Page({
  data: {
    cardCur: 0,
    swiperList: [{
      id: 0,
      type: 'image',
      url: '/../images/BasicsBg.png'
    },{
      id: 1,
      type: 'image',
      url: '/../images/componentBg.png'
    }],
    music:[
      "http://5b0988e595225.cdn.sohucs.com/q_70,c_zoom,w_640/images/20180625/fb7f1a2a3b8b4f1580ab15f49daab971.jpeg",
      "http://p4.music.126.net/X1MzkhVmEdFC07DolyS5WQ==/3262251010576962.jpg",
      "http://d.ifengimg.com/w640_h640/y2.ifengimg.com/cmpp/2015/03/16/19ce35e92a705a0156a6d3076fc358d8_size423_w640_h640.jpg",
      "https://bpic.588ku.com/back_pic/05/85/99/215c7fc2223ea80.jpg"
    ],
    musiclist:[],
    // 实时记录输入框输入的数据
    xxword:"",
    // 图片
    xxmark:[]
  },
  /**
   * 页面的初始数据
   */


  /**
   * 生命周期函数--监听页面加载
   */
  onLoad(options) {

  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady() {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow() {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide() {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload() {
    this.setData({
      // 每次调用时清空图片
      xxmark:[]
  })
  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh() {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom() {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage() {

  },
      // 自定义事件，例如点击事件，为事件名为play的时间添加具体事件操作
      play:function(p){ //可接参数
        // console.log(p);
        console.log(p.currentTarget.dataset.xxcuihua)
        var mid = p.currentTarget.dataset.xxcuihua
        wx.reLaunch({ //wx.reLaunch页面跳转
          url: '/pages/play/play?id=' + mid, //要跳转到哪个页面
        })
    },

    //输入框事件
    xxkeyChange:function(p) {
        // 实时获取输入框输入的数据
        console.log(p.detail.value);
        this.setData({
            xxword: p.detail.value
        })
    },
    //输入框事件
    xxsearch:function(p) {
        // 每次调用时清空图片
        this.setData({
            xxmark:[]
        })
        var that = this
        //每一条数据的id
        var idList = []
        //根据id调用图片接口
        var w = this.data.xxword
        wx.request({
          url: "https://music.163.com/api/search/get?s={{"+ w +"}}&type=1&limit=8",
          success : function(p) {
              console.log(p.data.result.songs);
              var yysong = p.data.result.songs
              that.setData({
                musiclist : yysong
              })
              for(var i=0; i<yysong.length; i++) {
                idList.push(yysong[i].id)
              }
              that.lrcimg(idList, 0, idList.length)
          }
        })
    },

    // 调用图片接口的方法
    lrcimg:function(idList, i, length) {
        var that = this
        wx.request({
          url: "https://music.163.com/api/song/detail/?id=1359595520&ids=["+ idList[i] +"]",
          success:function(p) {
              //每一张图片
              var songurl = p.data.songs[0].album.blurPicUrl
              console.log("每一张图片"+songurl);
              //赋值
              that.setData({
                xxmark : [...that.data.xxmark,songurl]
              })
          }
        })
        // 递归
        if(++i<length){
            that.lrcimg(idList, i, length)
        }
    }
})